.pc {
  display: none;
}
body {
  background: #fff;
}
.M {
  padding-bottom: 48.828125px;
}
.m-carousel {
  border-bottom: 14.6484375px solid #eaeaea;
  height: 292.96875px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.m-carousel div {
  width: 100%;
  height: 100%;
}
.m-carousel img {
  height: 292.96875px;
}
.m-carousel .pagination1 {
  position: absolute;
  z-index: 20;
  bottom: 19.53125px;
  width: 100%;
  height: auto;
  text-align: center;
}
.m-carousel .swiper-pagination-switch {
  display: inline-block;
  width: 39.0625px;
  height: 3.90625px;
  background: #ececec;
  margin: 0 2.44140625px;
  opacity: 0.8;
  cursor: pointer;
}
.m-carousel .swiper-active-switch {
  background: #ffe100;
}
.m-headline {
  margin: 0 auto;
  width: 351.5625px;
  padding-bottom: 10.7421875px;
}
.m-headline > p:nth-of-type(1) {
  margin-top: 9.765625px;
  font-size: 17.08984375px;
  color: #212121;
}
.m-headline > p:nth-of-type(2) {
  margin-top: 9.765625px;
  font-size: 7.32421875px;
  color: #a5a5a5;
}
.m-headline > p:nth-of-type(3) {
  margin-top: 9.765625px;
  font-size: 8.30078125px;
  color: #202729;
}
.m-headline > p:nth-of-type(4) {
  margin-top: 7.32421875px;
  font-size: 12.20703125px;
  color: #949494;
}
.m-total {
  border-top: 14.6484375px solid #eaeaea;
  padding-bottom: 8.7890625px;
  border-bottom: 1px solid #eaeaea;
}
.m-total p {
  margin-top: 8.7890625px;
  text-align: center;
  line-height: 31.25px;
  font-size: 0;
}
.m-total p span {
  line-height: 31.25px;
  display: inline-block;
  font-size: 9.765625px;
  width: 49.5%;
}
.m-total p > span:nth-of-type(1) {
  border-right: 1px solid rgba(212, 212, 212, 0.58);
}
.m-total p .qiehuan {
  color: #219dfd;
}
/* 商品详情*/
.details img {
  width: 100% !important;
  max-width: 100% !important;
}
/* 评价*/
.comment {
  display: none;
}
.comment > div {
  width: 351.5625px;
  margin: 0 auto;
}
.comment > div > div {
  /* 循环开始*/
  margin-top: 14.6484375px;
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
}
.comment > div > div > div:nth-of-type(1) {
  float: left;
}
.comment > div > div > div:nth-of-type(1) > img {
  width: 31.25px;
  border-radius: 31.25px;
}
.comment > div > div > div:nth-of-type(2) {
  float: right;
  width: 307.12890625px;
  padding-bottom: 19.53125px;
}
.comment > div > div > div:nth-of-type(2) > p:nth-of-type(1) {
  margin-top: 9.765625px;
  color: #040000;
}
.comment > div > div > div:nth-of-type(2) > p:nth-of-type(1) > span:nth-of-type(1) {
  font-size: 9.765625px;
  color: #040000;
}
.comment > div > div > div:nth-of-type(2) > p:nth-of-type(1) > span:nth-of-type(2) {
  padding: 2.9296875px 4.8828125px;
  border-radius: 3.41796875px;
  margin-left: 14.6484375px;
  font-size: 7.8125px;
  border: 1px solid rgba(10, 2, 5, 0.09);
}
.comment > div > div > div:nth-of-type(2) > p:nth-of-type(1) > span:nth-of-type(3) {
  float: right;
  font-size: 9.765625px;
  color: #040000;
}
.comment > div > div > div:nth-of-type(2) > p:nth-of-type(2) {
  margin-top: 9.765625px;
  margin-bottom: 14.6484375px;
  font-size: 9.765625px;
  color: #7d7d7d;
  letter-spacing: 0.9765625px;
}
.comment > div > div > div:nth-of-type(2) img {
  width: 76.171875px;
  margin-right: 6.34765625px;
}
.comment > div > p {
  margin-top: 19.53125px;
  text-align: center;
  padding-bottom: 19.53125px;
  font-size: 9.765625px;
  color: #898989;
}
.m-bottom {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 48.828125px;
  border-top: 1px solid #eaeaea;
}
.m-bottom > div:nth-of-type(1) {
  margin-left: 14.6484375px;
  float: left;
  line-height: 48.828125px;
}
.m-bottom > div:nth-of-type(1) span {
  font-size: 19.53125px;
  color: #e53b37;
}
.m-bottom > div:nth-of-type(2) {
  margin-top: 7.32421875px;
  margin-right: 14.6484375px;
  float: right;
  width: 108.3984375px;
  height: 36.62109375px;
  background-image: linear-gradient(90deg, #ff1010 0%, #ff7140 100%), linear-gradient(#e53b37, #e53b37);
  background-blend-mode: normal, normal;
  border-radius: 7.32421875px;
  font-size: 12.20703125px;
  text-align: center;
  line-height: 36.62109375px;
  color: #fff;
}
.m-bottom > div:nth-of-type(2) span {
  color: #fff;
}
.popups {
  display: none;
  position: fixed;
  z-index: 21;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popups > div {
  position: absolute;
  bottom: -487.79296875px;
  background: #fff;
  width: 100%;
  height: 445px;
  border-radius: 7.32421875px 7.32421875px 0 0;
  padding-top: 14.6484375px;
  overflow-y: scroll;
}
.popups > div > div {
  width: 346.19140625px;
  margin: 0 auto;
}
.popups > div > div:nth-of-type(1) {
  width: 346.19140625px;
  margin: 0 auto;
  position: relative;
}
.popups > div > div:nth-of-type(1) img {
  width: 73.2421875px;
}
.popups > div > div:nth-of-type(1) span {
  font-size: 15.625px;
  position: absolute;
  right: 0;
  margin-top: 7.32421875px;
  margin-right: 9.765625px;
}
.popups > div > div:nth-of-type(2) > p:nth-of-type(1) {
  margin-top: 9.765625px;
  font-size: 17.08984375px;
  color: #212121;
}
.popups > div > div:nth-of-type(2) > p:nth-of-type(2) {
  margin-top: 9.765625px;
  vertical-align: middle;
}
.popups > div > div:nth-of-type(2) > p:nth-of-type(2) > span:nth-of-type(1) {
  font-size: 16.11328125px;
  color: #e53b37;
  vertical-align: bottom;
}
.popups > div > div:nth-of-type(2) > p:nth-of-type(2) > span:nth-of-type(2) {
  vertical-align: middle;
  font-size: 30.76171875px;
  color: #e53b37;
  line-height: 30.76171875px;
}
.popups > div > div:nth-of-type(2) > p:nth-of-type(2) .m-huiyuan {
  background-color: #ff4c4c;
  border-radius: 6.34765625px;
  font-size: 9.765625px;
  color: #ffffff;
  padding: 0 9.765625px;
  vertical-align: middle;
}
.popups > div .m-xiangqing {
  min-height: 83.0078125px;
}
.popups > div .xunhuan > p:nth-of-type(1) {
  margin-top: 9.765625px;
  font-size: 8.30078125px;
  color: #202729;
}
.popups > div .xunhuan > div {
  font-size: 0;
}
.popups > div .xunhuan > div div {
  display: inline-block;
  border-radius: 2.44140625px;
  border: solid 0.9765625px #e4e4e4;
  font-size: 12.20703125px;
  color: #212121;
  padding: 7px 14.6484375px;
  margin-right: 12.20703125px;
  margin-top: 14.6484375px;
}
.popups > div .xunhuan > div .chicun-zhong {
  border: solid 0.9765625px #e53b37;
  color: #e53b37;
}
.popups > div .xunhuan > div .kouwei-zhong {
  border: solid 0.9765625px #e53b37;
  color: #e53b37;
}
.popups > div .shuliang > p:nth-of-type(1) {
  margin-top: 9.765625px;
  font-size: 8.30078125px;
  color: #202729;
}
.popups > div .shuliang > div {
  margin-top: 11.71875px;
  font-size: 0;
}
.popups > div .shuliang > div > input:nth-of-type(1) {
  font-size: 15.625px;
  vertical-align: middle;
  width: 18.5546875px;
  height: 18.5546875px;
  line-height: 11.23046875px;
  background: #fff;
  border: solid 0.9765625px #219dfd;
  color: #219dfd;
  border-radius: 2.44140625px;
  outline: none;
  -webkit-appearance: none;
}
.popups > div .shuliang > div > input:nth-of-type(2) {
  vertical-align: middle;
  height: 18.5546875px;
  width: 37.109375px;
  border: 0;
  text-align: center;
  font-size: 12.20703125px;
}
.popups > div .shuliang > div > input:nth-of-type(3) {
  font-size: 11.71875px;
  vertical-align: middle;
  width: 18.5546875px;
  height: 18.5546875px;
  line-height: 11.23046875px;
  background: #fff;
  border: solid 0.9765625px #219dfd;
  color: #219dfd;
  border-radius: 2.44140625px;
  outline: none;
  -webkit-appearance: none;
}
.popups > div .shuliang > div > span {
  margin-left: 29.296875px;
  vertical-align: middle;
  font-size: 12.20703125px;
  color: #212121;
}
.popups > div .tijiao {
  overflow: hidden;
  margin-top: 24.4140625px;
  padding-bottom: 17.08984375px;
}
.popups > div .tijiao > a:nth-of-type(1) {
  float: left;
  display: block;
  text-align: center;
  line-height: 36.62109375px;
  font-size: 12.20703125px;
  color: #e53b37;
  width: 165.52734375px;
  height: 36.62109375px;
  border: 1px solid #ff1010;
  border-radius: 36.62109375px;
}
.popups > div .tijiao > a:nth-of-type(2) {
  float: right;
  width: 166.015625px;
  text-align: center;
  line-height: 36.62109375px;
  font-size: 12.20703125px;
  height: 36.62109375px;
  background-image: linear-gradient(90deg, #ff1010 0%, #ff7140 100%), linear-gradient(#e53b37, #e53b37);
  background-blend-mode: normal, normal;
  border-radius: 36.62109375px;
  color: #ffffff;
}
.pc-chicun-red {
  border: #e53b37 solid 0.9765625px !important;
  color: #e53b37 !important;
}
.pc-kouwei-red {
  border: #e53b37 solid 0.9765625px !important;
  color: #e53b37 !important;
}
.m-kong {
  text-align: center;
  padding-bottom: 48.828125px;
}
.m-kong img {
  margin-top: 48.828125px;
  width: 170.8984375px;
}
.m-kong > p:nth-of-type(1) {
  margin-top: 14.6484375px;
  font-size: 14px;
  color: #959595;
}
.m-kong > p:nth-of-type(2) {
  margin-top: 10px;
  font-size: 14px;
  color: #959595;
}
